<template>
  <div class="header">
    <div class="left">
<!--      v-if="state.hasBack"-->
      <el-icon class="back" @click="back"><Back /></el-icon>
<!--      {{ state.name }}-->
      <span style="font-size: 20px"></span>
    </div>
    <div class="right">
      <Avatar></Avatar>
    </div>
  </div>
</template>

<script setup>
import useAdminrouter from "@/router/index.js";
import {useAdminStore} from '@/stores/modules/user/index.js'
const router = useAdminrouter
const store = useAdminStore()
import Avatar from '@/components/admin/Avatar.vue'

const back = () => {
  router.push({path:'/'})
}
</script>

<style scoped>
  .header {
    height: 90px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
  }
  .header .left .back {
    border: 1px solid #e9e9e9;
    padding: 5px;
    border-radius: 50%;
    margin-right: 5px;
    cursor: pointer;
  }
</style>
